<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login</title>
    <link rel="Shortcut Icon" href="/static/image/ico.png" />
    <link rel="stylesheet" type="text/css" href="/static/css/opp.css"/>
</head>
<body>
<div style="background-image: url(../static/image/ground.jpg);opacity: 0.8;width: 100%;margin-top: 5%;margin-bottom: 10%">

<div style="text-align: center;padding: 100px;background-color:black;opacity: 0.75;color:white;">
    <p>Welcome Dops for FunTown</p>
    {% if login_message %}
        <p style="color:red">{{login_message}}</p>
    {% endif %}

    <form action="/ops" method="post" style="padding: 10px">
        <p><input name="username" placeholder="User"></p>
        <p><input name="password" type="password" placeholder="Password"></p>
        <p><button type="submit">Sign In</button></p>
    </form>
</div>
</div>
</body>
</html>